<!DOCTYPE html>

<html>
<head>
    <title>title</title>
    <!-- pace -->
    <script src="/plugins/pace-0.7.5/pace.js"></script>
    <link href="/plugins/pace-0.7.5/themes/black/pace-theme-center-circle.css" rel="stylesheet" />
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <%--    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">--%>
    <!-- Theme style -->
    <link rel="stylesheet" href="/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/plugins/animate/animate.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="/css/skins/my_all-skins.css">
    <!-- MyAdminLTE.css -->
    <link rel="stylesheet" href="/css/MyAdminLTE.css">
    <!-- Lobibox -->
    <link rel="stylesheet" href="/plugins/lobibox/css/lobibox.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
<!--    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
    <![endif]-->
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
<#include "left.ftl">
<div class="content-wrapper">
    <section class="content" id="app">
        <div class="col-md-5" style="padding: 0">
            <div class="box box-primary">
                <div class="box-body">
                    <div class="col-md-13">
                        <div class="box box-primary">
                            <table class="table table-hover">
                                <tr>
                                    <td>对战编号</td>
                                    <td>获胜者编号</td>
                                    <td>获胜者得票</td>

                                </tr>
                                <tr v-for="el in winners" :id="el.id">
                                    <td>{{el.battleid}}</td>
                                    <td>{{el.winnerid}}</td>
                                    <td>{{el.winnerpiao}}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--right-->
        <div class="col-md-6">
            <div class="box box-primary">
                <table class="table table-hover">
                    <tr>
                        <td>对战编号</td>
                        <td>选手一id</td>
                        <td>选手一得票</td>
                        <td>选手二id</td>
                        <td>选手二得票</td>
、
                    </tr>
                    <tr v-for="el in sings" :id="el.id">
                        <td>{{el.battleid}}</td>
                        <td>{{el.firstSingid}}</td>
                        <td>{{el.firstSinpiao}}</td>
                        <td>{{el.secondSingid}}</td>
                        <td>{{el.secondSingpiao}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </section>
</div>




<!-- jQuery 2.2.3 -->
<script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/js/bootstrap.js">
<!--vue-->
<script src="/plugins/vue/vue.js"></script>
<!-- SlimScroll -->
<script src="/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/js/demo.js"></script>
<script src="/plugins/echarts/echarts.min.js"></script>
<script src="/plugins/lobibox/js/lobibox.min.js"></script>
<script src="/js/common.js"></script>
<script src="/plugins/Flat/dist/js/flat-ui.js"></script>
<script>
    $(function() {
        getAllsing();
        getAllWinners();
    });
    var vm = new Vue({
        el:"#app",
        data:{
            sings:{},
            winners:{}
        },
        methods:{
            getAllsing:function () {
                getAllsing();
            },
            getAllWinners:function () {
                getAllWinners();
            }
        }
    });

    function  getAllsing() {
        $.post("/tongji/allTongji", function(result){
            result=eval(result);
            vm.sings = result;
        });

    }
    function  getAllWinners() {
        $.post("/winner/allWinners", function(result){
            result=eval(result);
            vm.winners = result;
        });

    }
    function errorFn() {
        alert("失败");
    }


</script>
</body>
</html>
